<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/navfoot.css">
<link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
<script src="https://fastly.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script src="../bootstrap/js/bootstrap.min.js"></script>

<body>
    <!-- 顶部 -->
    <header>
        <div class="banxin">
            <ul>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
                <li><a href="#">登录注册</a></li>
            </ul>
        </div>
    </header>
    <!-- 搜索 -->
    <div class="seek">
        <div class="banxin">
            <div class="seekleft">
                <div></div>
                <div>
                    <form action="">
                        <input type="text" placeholder="三同好物">
                    </form>

                    <a href="#">搜索</a>

                </div>

                <div><a href="http://127.0.0.1:5500/Wy/index/shoping.html">购物车</a>
                </div>



            </div>


            <div class="seekzhong">
                <div>
                    <a href="#">蓝牙耳机</a>
                    <a href="#">床</a>
                    <a href="#">茶</a>
                    <a href="#">牙膏</a>
                    <a href="#">iphon13</a>
                    <a href="#">锅</a>
                    <a href="#">中秋节</a>
                    <a href="#">行李箱</a>
                </div>
            </div>

        </div>
    </div>
    <!-- 导航 -->

    <nav>
        <ul class="banxin">
            <li><a href="#">首页</a></li>
            <li class="nav2"><a href="#" id="jujia">居家生活</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">服饰鞋包</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">美食酒水</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">个护清洁</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">母婴亲子</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">运动旅行</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">数码家电</a><span class="nav2span"></span></li>
            <li class="nav2"><a href="#">严选全球</a><span class="nav2span"></span></li>
            <li><a href="#">为你严选</a></li>
            <li><a href="#">众筹</a></li>
        </ul>


    </nav>


<!-- 购物车领券 -->
<div class="banxin dropdown" style="height: 40px;display: flex;justify-content: space-between;justify-items: center;border: 1px solid #cac8c8;margin: 10px auto;position: relative;">
        <div style="width: 170px;display: flex;justify-content: space-between;margin-left: 20px;font-size: 16px;line-height: 40px;">
        <span class="glyphicon glyphicon-tags" style="color: red;margin-top: 10px;"></span>
        <span>购物车可领优惠券</span>
        </div>


       
            <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" style="height: 40px;border-radius: 0;width: 100px;color:white;background: #e36844;">
          领券
             <span class="caret"></span>
             </button>
             <ul class="dropdown-menu" aria-labelledby="dropdownMenu1" style="height: 300px;background: white;position: absolute;top: 40px;width: 1090px;">
            <li style="text-align: center;font-size: 30px;"><a href="#">优惠券暂无</a></li>        
          </ul>
    </div>
</div>


<!-- 全选反选 -->

<div class="wrap banxin" style="border: 1px solid #cac8c8;">
    <table style="width: 100%;text-indent: 2em;">
        <thead style="height: 50px;background: #ebe9e9;margin: 20px 0 30px;">
            <tr>
                <th>
                    <input type="checkbox" id="j_cbAll" />
                    全选
                </th>
                <th>商品信息</th>
                <th>单价</th>
                <th>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;数量</th>
                <th>小计</th>
                <th>操作</th>
            </tr>
        </thead>
     
       <!-- <div style="width: 100%;height: 30px;background:#fffbf0 ;border: 1px solid #ebe9e9;"></div> -->
        <tbody id="j_tb" style="background:#fffbf0 ;">
            <tr style="width: 100%;height: 30px;background:#fffbf0 ;border: 1px solid #ebe9e9;margin: 10px 0;width: 100%;">
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr  id="zanwu">
                <td>
                    <input type="checkbox" style="opacity: 0;">
                </td>
                <td style="height: 130px;">
                    <div style="display: flex;">

                    
                        <div style="background: #f4f4f4;height: 100px;width: 100px;opacity: 0;">
                            <img src="./img/shopping1.webp" alt="" style="width: 100px;">
                        </div>
                        
                        <div style="margin-top: 20px;">
                            <p>购物车暂无东西~~~</p>
                            <p style="color: #b8b3b3;"></p>

                        </div>


                    </div>
                </td>
                <td></td>
                <td>
                    
                    <div style="opacity: 0;">
                        
                        <span style="display: inline-block;border-radius: 3px;width: 140px; ">
        
        
                            <button style="width: 26px;height: 26px; border: none; " class="jian ">-</button>
                        
                            <input type="text " value="1 " style="height: 26px;width: 50px;border: none;outline: none;text-align: center; " class="mathinput ">
        
        
                            <button style="width: 26px;height: 26px; border: none; " class="jia ">+</button>
        
        
        
                        </span>
        
        
                    </div>


                </td>
                <td></td>
                <td></td>
            </tr>
           
            

        </tbody>
    </table>
    <div style="padding-left: 20px;height: 70px;display: flex;justify-content: space-between;background: #f5f5f5;justify-items: center;border: 1px solid #cac8c8;">
        <div style="height: 80px;line-height: 80px;width: 100px;">

            <input type="checkbox" id="btn" >
            <span style="margin-left: 20px;">反选</span>
        </div>
        <div style="display: flex;width: 400px;justify-content: space-between;padding-left: 30px;border-left: 1px solid #cac8c8;">
            
            <p style="height: 80px;line-height: 80px;">应付总额:<span style="margin-left: 20px;font-size: 30px;font-weight: 600;color: #e36844;">￥<span  class="yingfu"></span></span></p>

            <p style="width: 130px;background:#b4a078 ;line-height: 80px;text-align: center;height: 70px;font-size: 20px;color: white;">下单</p>




        </div>

        <!-- <input type="button" value="  反选  " > -->


    </div>
   
</div>


<h5 style="background-color: #ece8e8;height: 50px;line-height: 50px;font-size: 20px;padding-left: 20px;margin-top: 30px; " class="banxin ">你可能还喜欢</h5>

<!-- 轮播图 -->

<!-- 你可能还喜欢轮播图 -->


<div class="every " style="height: 400px;background: white;text-align: center; ">

    <div class="banxin every1 " style="height: 400px; overflow: hidden;border: 2px solid #e9e6e6;border-top: 0; ">


        <div class="every2 " style="left: 0; ">

            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">

                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>


            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">

                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">

                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">

                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>

            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>

            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>
            <div class="new1child ">
                <p>
                    <img src="./img/index0.webp " alt=" ">
                </p>
                <p>日本冰块球制冰模具</p>
                <p class="new1red ">￥29.8</p>

            </div>

        </div>

        <button class="btnbtn btnleft " style="top: 150px; "><</button>
        <button class="btnbtn btnright " style="top: 150px; ">></button>

    </div>



</div>




















    <!-- 服务下载 -->
    <div class="serve">
        <div class="banxin serve1">
            <div class="serve1-1">
                <h3>客户服务</h3>
                <div>
                    <p>
                        <span>&#128515</span>
                        <a href="#">在线客服</a>
                    </p>
                    <p>
                        <span>&#128516</span>
                        <a href="#">用户反馈</a>
                    </p>

                </div>
            </div>


            <div class="serve1-2">
                <h3>何为网易严选</h3>
                <p>网易严选是深受新中产喜爱的生活方式品牌,为消费者 提供-站式、全品类全方位的美好生活解决方案。我 们通过简约.实用、舒适的美学设计,不断带来高品质 灵感好物，陪伴3000万新中产用户「活出自己喜欢的样 孔」,共同倡导多元化的生活价值主张一 每个人都可 以把生活的选择权交还给自2.
                </p>
                <div>
                    关注我们:<span>&#128512 &#128513 &#128514</span>
                </div>
            </div>


            <div class="serve1-3">
                <h3>扫码下载严选APP</h3>
                <img src="./img/二维码2.png" alt="">
                <p>下载领大额新人红包</p>

            </div>



        </div>
    </div>

    <!-- 底部 -->
    <footer>
        <div class="foot1  banxin">
            <div class="foot1-1">
                <div>
                    <span>1</span>
                    <p>网易自营电商</p>
                </div>
                <div>
                    <span>1</span>
                    <p>30天无忧退换货</p>
                </div>
                <div>
                    <span>1</span>
                    <p>满99元免邮费</p>
                </div>
                <div>
                    <span>1</span>
                    <p>品质保证</p>
                </div>
            </div>


            <ul>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
                <li>
                    <a href="#">关于我们</a>
                </li>
            </ul>


            <p>食品经营许可证: JY13301080111719 出版物经营许可证: 新出发滨字第0132号妙得ICP证号: ICP 证浙B2-20160106浙杭食药监械经营备20171029号 营业执照 网易公司版权所有 ◎1997-2021
            </p>
            <p>无线电发射设备销售备案: 42202011096855 (浙杭) 网械企备字[2019]第00119号(粤) 网械平台备字(2019) 第00004号(粤) -非经营性 2016-0023进]冷链食品管理承诺书
            </p>
            <p>食品经营许可证: JY14207050007694 浙江省网络食品销售第三方平台提供者备案:浙网食A33010009单用途商业预付 卡备案证: 330100AAC0024
            </p>
            <p>出版物网络交易平台服务经营备室:新出发浙省字20210号
            </p>
        </div>



    </footer>

    <!-- 导航跟随 -->
    <nav id="fixed">
        <ul class="banxin" style="height: 100%;">
            <li><a href="#">首页</a></li>
            <li class="nav2 nav3"><a href="#" id="jujia">居家生活</a><span class="nav2span nav2span1"></span></li>
            <li class="nav2 nav3"><a href="#">服饰鞋包</a><span class="nav2span nav2span1"></span></li>
            <li class="nav2 nav3 "><a href="# ">美食酒水</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">个护清洁</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">母婴亲子</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">运动旅行</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">数码家电</a><span class="nav2span nav2span1 "></span></li>
            <li class="nav2 nav3 "><a href="# ">严选全球</a><span class="nav2span nav2span1 "></span></li>
            <li><a href="# ">为你严选</a></li>
            <li><a href="# ">众筹</a></li>
        </ul>
    </nav>


    <script src="./js/axios.js"></script>
    <script src="./js/nav.js"></script>
    <script src="./js/shoping.js"></script>
    <script src="./js/skip.js"></script>
</body>

</html>